<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css" class="">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<header>
    <div class="container">
        <img src="img/logo_03.png" alt="" class="">
    </div>
</header>


<main>
    <div class="container">
       <div class="main-1">
           <h6>全部商品5</h6>
           <div class="p"></div>
       </div>
        <div class="main-2">
            <div class="row">
                <div class="col-md-1 h">商品</div>
                <div class="col-md-4 h">名称</div>
                <div class="col-md-1 h">单价</div>
                <div class="col-md-1 h">数量</div>
                <div class="col-md-1 h">小计</div>
                <div class="col-md-1 h">操作</div>
            </div>
        </div>
        <div class="main-3" id="table" style="background: #fef4e8">
            <div class="row tr" style="border-top: 1px solid #f5eee4;margin-left: 0;margin-right: 0;">
                <div class="col-md-1 j">
                    <img src="img/chengzi_03.png" alt="" class="">
                </div>
                <div class="col-md-4 j">
                    <img src="img/jingdongjingxuan_03.png" alt="" class="">
                    <img src="img/shengxian_05.png" alt="" class="">
                    美伦达 赣南脐橙   颜色：赣南脐橙铂金果 3斤装
                    2017新上市 3斤装 铂金果
                </div>
                <div class="col-md-1 j price">25.80</div>
                <div class="col-md-1 j">
                    <input type="text" value="1" class="num">
                    <p>有货</p>
                </div>
                <div class="col-md-1 j">
                    ¥<span class="total"></span>
                    <p>1.68kg</p>
                </div>
                <div class="col-md-1 j">
                    <span class="del">删除</span>
                </div>

            </div>

            <div class="row tr" style="border-top: 1px solid #f5eee4;margin-left: 0;margin-right: 0;">
                <div class="col-md-1 j">
                    <img src="img/lanmei_07.png" alt="" class="" style="border: 1px solid #efebe8">
                </div>
                <div class="col-md-4 j">
                    <img src="img/shengxian_05.png" alt="" class="">
                    Camposol 秘鲁进口精选蓝   颜色：秘鲁蓝莓 4盒装
                    莓 4盒装 单盒约125g 新鲜水果
                </div>
                <div class="col-md-1 j price ">46.90</div>
                <div class="col-md-1 j">
                    <input type="text"  value="1" class="num">
                    <p>有货</p>
                </div>
                <div class="col-md-1 j">
                    ¥<span class="total"></span>
                    <p>1.25kg</p>
                </div>
                <div class="col-md-1 j">
                    <span class="del">删除</span>
                </div>
            </div>


            <div class="row tr" style="border-top: 1px solid #f5eee4;margin-left: 0;margin-right: 0;">
                <div class="col-md-1 j">
                    <img src="img/mangguo_10.png" alt="" class="" style="border: 1px solid #efebe8">
                </div>
                <div class="col-md-4 j">
                    <img src="img/shengxian_05.png" alt="" class="">
                    欢乐果园 广西青皮芒果2个   颜色：青皮芒 2粒 尝鲜装
                    装 单果约260g以上 新鲜水果
                </div>
                <div class="col-md-1 j price ">10.90</div>
                <div class="col-md-1 j">
                    <input type="text"  value="1" class="num">
                    <p>有货</p>
                </div>
                <div class="col-md-1 j">
                    ¥<span class="total"></span>
                    <p>0.75kg</p>
                </div>
                <div class="col-md-1 j">
                    <span class="del">删除</span>
                </div>
            </div>


            <div class="row tr" style="border-top: 1px solid #f5eee4;margin-left: 0;margin-right: 0;">
                <div class="col-md-1 j">
                    <img src="img/xianjiang_12.png" alt="" class="" style="border: 1px solid #efebe8">
                </div>
                <div class="col-md-4 j">
                    <img src="img/shengxian_05.png" alt="" class="">
                    爱奇果 新疆库尔勒香梨 约   颜色：2.5kg单果约120-150g
                    2.5kg 当季新果 特级装 单果约120
                </div>
                <div class="col-md-1 j price ">39.90</div>
                <div class="col-md-1 j">
                    <input type="text"  value="1" class="num">
                    <p>有货</p>
                </div>
                <div class="col-md-1 j">
                    ¥<span class="total"></span>
                    <p>2.6kg</p>
                </div>
                <div class="col-md-1 j">
                    <span class="del">删除</span>
                </div>
            </div>


            <div class="row tr" style="border-top: 1px solid #f5eee4;margin-left: 0;margin-right: 0;">
                <div class="col-md-1 j">
                    <img src="img/pingguo_14.png" alt="" class="" style="border: 1px solid #efebe8">
                </div>
                <div class="col-md-4 j">
                    <img src="img/shengxian_05.png" alt="" class="">
                    宏辉果蔬 苹果 烟台红富士   颜色：12粒75mm红富士
                    12个 单果约75mm 总重量2.1kg 新鲜
                </div>
                <div class="col-md-1 j price ">
                     34.90
                </div>
                <div class="col-md-1 j">
                    <input type="text"  value="1" class="num">
                    <p>有货</p>
                </div>
                <div class="col-md-1 j">
                    ¥<span class="total"></span>
                    <p>2.1kg</p>
                </div>
                <div class="col-md-1 j">
                    <span class="del">删除</span>
                </div>
            </div>


        </div>
    </div>
</main>

<footer>
    <div class="container" style="position: relative">
        <div>
            总价：¥
            <span id="all"></span>
        </div>
    </div>
</footer>


</body>
<script src="js/script.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>